<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Hello OpenHarmony</title>
  <style>
   .back {
      width: 100%;
      height: 100%;
      background-image: url(./c1eebf6d22635ca0de573591bf2a069.jpg);
      background-position: center;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    
   .word {
      font-size: 100px;
      animation: color 5s infinite, change 3s infinite alternate;
      font-style: oblique;
    }

    @keyframes color {
      0% {
        color: chocolate;
      }
      20% {
        color: deeppink;
      }
      40% {
        color: darkmagenta;
      }
      60% {
        color: darkslateblue;
      }
      80% {
        color: cornflowerblue;
      }
      100% {
        color: darkblue;
      }
    }

    @keyframes change {
      from {
        transform: scale(1);
      }
      to {
        transform: scale(1.2);
      }
    }
  </style>
</head>

<body style="height: 90vh;">
  <a href="https://osc.tsguas.cn/" target="_blank"  style="text-decoration:none;">
  <div class="back">
    <h1 class="word">
      <span style="font-family:Microsoft JhengHei">H</span>
      <span style="font-family:Simsun">e</span>
      <span style="font-family:Microsoft JhengHei">l</span>
      <span style="font-family:FZYaoti ">l</span>
      <span style="font-family:Microsoft JhengHei">o</span>
      <span>&nbsp;</span>
      <span style="font-family:STXingkai">O</span>
      <span style="font-family:STLiti">p</span>
      <span style="font-family:STKaiti">e</span>
      <span style="font-family:Simsun">n</span>
      <span style="font-family:STFangsong">H</span>
      <span style="font-family:Apple LiSung Light">a</span>
      <span style="font-family:NSimSun">r</span>
      <span style="font-family:STKaiti">m</span>
      <span style="font-family:STFangsong">o</span>
      <span style="font-family:STHeiti">n</span>
      <span style="font-family:STKaiti">y</span>
    </h1>
  </div>
</a>
</body>

</html>